<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>{% block title %}{% endblock %}</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    {% block basecss %}
    <link href="/static/home/css/iconfont/iconfont.css" rel="stylesheet"/>
    <link href="/static/home/css/common.css" rel="stylesheet"/>
    <link href="/static/home/css/goods-detail.css" rel="stylesheet"/>
    {% endblock %}

    {% block mystyle %}
    {% endblock %}
</head>
<body>
    <!--头部-->
        <div class="topper">
            <div class="wrapper">
                <div class="left-bar">
                    <div class="back-home divider">
                        <em></em><a href="index.html">商城首页</a>
                    </div>
                    <div class="item"><a href="">商家中心</a></div>
                </div>
                <div class="right-bar">
                    <div class="login-user sub-menu">
                        <a class="menu-hd" href="">txtangxia<em></em></a>
                        <div class="down">
                            <a href="">内容</a>
                            <a href="">内容</a>
                            <a href="">内容</a>
                        </div>
                    </div>
                    <div class="item"><a href="">消息（<span class="txt-theme">0</span>）</a></div>
                    <div class="logout divider"><a href="">退出</a></div>
                    <span class=""></span>
                    <div class="cart"><em></em><a href="">购物车<span class="txt-theme">2</span>件</a></div>
                    <div class="order"><em></em><a href="">我的订单</a></div>
                    <div class="fav"><em></em><a href="">我的收藏</a></div>
                    <div class="help"><em></em><a href="">帮助中心</a></div>
                </div>
            </div>
        </div>
        <div class="shop-header wrapper">
            <div class="logo">
                <a href="index.html"><img src="/static/home/img/logo.png" alt="logo" /></a>
            </div>

            <div class="shop-schbox">
                <div class="layout">
                    <form action="" method="">
                        <input class="search-txt" placeholder="搜流行宝贝">
                        <button class="search-btn site">搜全站</button>
                        <button class="search-btn shop">搜本店</button>
                        <div class="suggest-box">
                            <div class="item" data-title="上衣 短款 短袖">上衣 短款 短袖<div class="tags"><span>雪纺</span><span>蕾丝</span><span>一字领</span></div></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    <div class="wrapper router">
        <ul class="router-nav">
            <li><a href="">首页</a></li>
            <li><span class="divider"></span></li>
            <li><span>服装</span></li>
            <li><span class="divider"></span></li>
            <li><span>女装</span></li>
        </ul>
    </div>
    <!--头部-->

    <div class="side-category" style="display: none;">
        <div class="side-category-tit">全品分类</div>
        <div class="side-category-bd">
            <div class="f-item">
                <div class="f-box">
                    <div class="f-tit">玩转3C</div>
                    <div class="f-list">
                        <a href="">手机</a><a href="">数码</a><a href="">通信</a>
                    </div>
                </div>
                <div class="c-box">
                    <div class="hd">分类</div>
                    <div class="bd">
                        <div class="list-wrap">
                            <a href="">冷却泵</a>
                            <a href="">冷却水管道</a>
                            <a href="">冷凝器</a>
                            <a href="">压缩机</a>
                            <a href="">冷冻水塔</a>
                            <a href="">压缩机</a>
                            <a href="">冷凝器</a>
                            <a href="">压缩机</a>
                            <a href="">冷冻水塔</a>
                        </div>
                    </div>
                    <div class="ft">
                        <a href=""><img class="ad" src="uploads/10.jpg" /></a>
                    </div>
                </div>
            </div>
            <div class="f-item">
                <div class="f-box">
                    <div class="f-tit">服饰家居</div>
                    <div class="f-list">
                        <a href="">服饰内衣</a><a href="">鞋靴箱包</a>
                    </div>
                </div>
                <div class="c-box">
                </div>
            </div>
            <div class="f-item">
                <div class="f-box">
                    <div class="f-tit">商城超市</div>
                    <div class="f-list">
                        <a href="">服饰内衣</a><a href="">鞋靴箱包</a>
                    </div>
                </div>
                <div class="c-box">
                </div>
            </div>
            <div class="f-item">
                <div class="f-box">
                    <a  class="f-tit" href="index-dq.html">家用电器</a>
                    <div class="f-list">
                        <a href="">服饰内衣</a><a href="">鞋靴箱包</a>
                    </div>
                </div>
                <div class="c-box">
                </div>
            </div>
            <div class="f-item">
                <div class="f-box">
                    <a class="f-tit" href="index-sxtc.html">生鲜特产</a>
                    <div class="f-list">
                        <a href="">食品</a><a href="">生鲜</a><a href="">特产</a><a href="">水果</a>
                    </div>
                </div>
                <div class="c-box">
                </div>
            </div>
        </div>
        <div class="side-category-ft" data-action="category-toggle">
            <span class="label tohide">收起导航</span>
            <span class="label toshow">展开导航</span>
        </div>
    </div>


<!-- 网页内容区域开始-->
{% block containes %}

{% endblock %}
<!-- 网页内容区域结束-->

 <!--脚部-->
<div class="fatfooter">
    <div class="wrapper">
        <div class="fatft-service">
            <div class="item">
                <a href="">
                    <img src="/static/home/img/ico/ft-ser1.png" alt="" class="ico" />
                    <span>品质保障</span>
                </a>
            </div>
            <div class="item">
                <a href="">
                    <img src="/static/home/img/ico/ft-ser2.png" alt="" class="ico" />
                    <span>七天无理由退换货</span>
                </a>
            </div>
            <div class="item">
                <a href="">
                    <img src="/static/home/img/ico/ft-ser3.png" alt="" class="ico" />
                    <span>特色服务体验</span>
                </a>
            </div>
            <div class="item">
                <a href="">
                    <img src="/static/home/img/ico/ft-ser4.png" alt="" class="ico" />
                    <span>帮助中心</span>
                </a>
            </div>
        </div>
    </div>
    <div class="fatft-links">
        <div class="wrapper">
            <div class="col-link">
                <div class="tit">购物指南</div>
                <div class="link"><a href="">购物流程</a></div>
                <div class="link"><a href="">账户安全</a></div>
                <div class="link"><a href="">联系客服</a></div>
                <div class="link"><a href="">会员介绍</a></div>
            </div>
            <div class="col-link">
                <div class="tit">配送方式</div>
                <div class="link"><a href="">配送服务查询上</a></div>
                <div class="link"><a href="">门自提</a></div>
                <div class="link"><a href="">物流费用标准</a></div>
            </div>
            <div class="col-link">
                <div class="tit">支付方式</div>
                <div class="link"><a href="">银联支付</a></div>
                <div class="link"><a href="">支付宝支付</a></div>
                <div class="link"><a href="">微信支付</a></div>
            </div>
            <div class="col-link">
                <div class="tit">售后服务</div>
                <div class="link"><a href="">售后政策</a></div>
                <div class="link"><a href="">价格保护</a></div>
                <div class="link"><a href="">退单说明</a></div>
                <div class="link"><a href="">取消订单</a></div>
            </div>
            <div class="col-link">
                <div class="tit">联系我们</div>
                <div class="link"><a href="">商家入驻</a></div>
                <div class="link"><a href="">营销服务</a></div>
                <div class="link"><a href="">关于我们</a></div>
                <div class="link"><a href="">广告服务</a></div>
            </div>
            <div class="col-contact">
                <div class="phone">400-889-8188</div>
                <div class="time">周一至周日 8:00-18:00 <br />（仅收市话费）</div>
                <div class="tool">
                    <a href="" class="kefu"><i class="iconfont icon-huifu"></i>在线客服</a>
                    <a class="ico weixin" href=""><img src="/static/home/img/ico/ft-weixin.png" alt="" /><img src="/static/home/uploads/ercode.jpg" class="ercode" /></a>
                    <a class="ico sina" href=""><img src="/static/home/img/ico/ft-sina.png" alt="" /></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">网络科技有限公司 版权所有 Copyright © 2016-2018   备案号：ICP备123456789</div>
<!--脚部-->
</body>
<script src="/static/home/js/jquery.js"></script>
<script src="/static/home/js/global.js"></script>
<link rel="stylesheet" href="/static/home/js/slick/slick.css"/>
<script src="/static/home/js/slick/slick.min.js"></script>

<script>

    +function () {
        var bigH=$('.side-category').height();
        $(window).on('scroll resize load',function () {
            var sTop=$(this).scrollTop(),
            valve=$('.router-nav').offset().top+$('.router-nav').height(),
            wH=$(this).height();

            //控制导航显示
            if (sTop>valve) {
                $('.side-category').show();
            }
            else {
                $('.side-category').hide();
            }
        })
    }();
     zAction.add({
        'category-toggle':function () {
            if ($(this).hasClass('on')) {
                $(this).removeClass('on').prev().slideDown(200);
            }
            else {
                $(this).addClass('on').prev().slideUp(200);
            }
        },

    });

</script>
{% block myjs %}
{% endblock %}
</html>






















